<template>
	<text class="s_icon_arrow">
		<text class="" :class="{double}" @click="GoClick"
		:style="{'--color':color,'--size':n_size,'--width':n_width,'--deg':deg+'deg'}"></text>
	</text>
</template>

<script>
export default {
	name:"s-icon-arrow",
	props: {
		double: { type: Boolean,default: false },// 是否显示双箭头
		width: { type: [Number,String],default: 2 },// 箭头厚度(rpx)
		size: { type: [Number,String],default: 32 },// 箭头大小(rpx)
		deg: { type: [Number,String],default: 0 },// 旋转角度，初始角度为向右
		color: { type: String,default: '#333' },// 箭头颜色
	},
	computed: {
		n_size() { return uni.upx2px(parseInt(this.size) || 32)+'px'; },
		n_width() { return uni.upx2px(parseInt(this.width) || 2)+'px'; },
	},
	methods: {
		GoClick(){
			this.$emit("click");
		}
	}
};
</script>

<style lang="scss" scoped>
@import "../../libs/style/conmon.scss";
</style>
